<template>
			<NavBar icon="left" title="银行流水" />
			<view  class="contain m-0 pt-2   bg-[#f2f2f2]   ">
				
				<uni-card    :extra="isPass(info.isPass)" v-for="info in list">
					<view class="text-[#999999]">
						
					<view class="w-full flex">
						<view class="item"> 
							付款人姓名：{{info.paymentName}}
						</view>
						<view>
							金额：{{info.amountOfMoney}}
						</view>
					</view>
					<view class="w-full flex">
						<view class="item">
							银行账户：{{info.bankName}}
						</view>
						<view> 
							交易号：{{info.transactionNumber}}
						</view>
					</view>
					 
					<view class="w-full">
						<view>
							交易时间：{{info.transactionDate}}
						</view>
					</view>
					<view class="w-full ">
						<view>
							备注：  {{info.remark}}
						</view>
					</view> 
					</view>
				</uni-card> 
			</view>
</template>

<script setup>
	import * as api  from '@/api/modules/bank_statement.js' 
	const list = ref([])
	 const getList = async ()=>{
		 const {rows} =await api.queryBankTransferRecordListAPI()
	          list.value = rows
	 }
	 getList()
	 
	const isPass =   (value)=>{
		// -1=未审核，0=未通过，1=已通过
		if(value === -1){
			return '未审核'
		}else{
		return	value  ? '已通过' : '未通过'
		}
	 }
</script>

<style lang="scss" scoped>
.contain {
		height: calc(100vh - 44px  );
		overflow-y: auto;
}
::v-deep .uni-card .uni-card__header .uni-card__header-extra .uni-card__header-extra-text {
		color: #6699ff !important;
	}
	.item{
		width: 50%; 
	}
</style>
